<template>
    <div class="wrapper">
        <a-tabs v-model:activeKey="activeKey" class="tabs" @change="clickTab">
            <a-tab-pane key="1" tab="企业话术库"> </a-tab-pane>
            <a-tab-pane key="2" tab="个人话术库" force-render></a-tab-pane>
        </a-tabs>
        <div class="container">
            <div class="content">
                <Enterprise />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import {ref} from "vue";
import Enterprise from "@/pages/WeChat/components/Enterprise.vue";

const activeKey = ref("1");
const arr = new Array(1).fill(1).map((item, index) => ({title: `分组${index + 1}`, num: 123, key: index}));
function clickTab(key) {
    console.log(key, "--");
}
const value17 = ref<string>("Home");
</script>

<style scoped lang="less">
//这里是全局样式
.tabs {
    background: #fff;

    :deep(.ant-tabs-nav) {
        margin: 0 !important;
        padding-left: 20px;
    }
}
.flex-up {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    .container {
        height: 100%;
        padding: 16px;
        box-sizing: border-box;
        overflow: hidden;
        .content {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
    }
}
</style>
